@charset "UTF-8";
*{
  margin: 0;
  padding: 0;
}

.wrap{
  //头部
  .header_wrap {
    background-image: url(../../img/timg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    padding-bottom: 50px;
    header {
      width: 80%;
      margin: 0 auto;
      overflow: hidden;
      color: #fff;
      .nav_list {
        list-style: none;
        .indexDefault {
          background: #fff;
          color: #0000FF;
        }
        li {
          width: 100px;
          height: 30px;
          line-height: 30px;
          text-align: center;
          float: left;
          margin-left: 10px;
        }
        @media screen and (max-width: 1125px) {
          li {
            width: 90px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            float: left;
            margin-left: 10px;
          }
        }
      }
      .header_login {
        //margin-left: 20px;
        float: right;
        ul {
          list-style: none;
          overflow: hidden;
          //border: 1px solid red;
          li {
            float: left;
            line-height: 30px;
            button {
              color: white;
              border: 1px solid #fff;
              background: #01AAED;
              text-align: center;
              margin-left: 10px;
              border-radius: 20px;
              padding: 3px 5px;
            }
          }
        }
      }
      @media screen and (max-width: 1125px) {
        .header_login {
          display: none;
        }
      }
    }
    .header_search {
      width: 70%;
      display: flex;
      margin: 0 auto;
      margin-top: 50px;
      .search_word {
        font-size: 30px;
      }
      @media screen and (max-width: 1125px) {
        .search_word {
          width: 400px;
          font-size: 20px;
        }
      }
      .search {
        display: flex;
        flex-direction: column;
        margin-left: 20px;
        .search_wrap {
          width: 660px;
          background: #e2e2e2;
          border-radius: 40px;
          line-height: 40px;
          display: flex;
          position: relative;
          //justify-content: center;
          //align-items: center;
          color: #fff;
          padding: 0 20px;
          .icon-sousuo-copy {
            position: absolute;
            right: 20px;
            font-size: 30px;
          }
          .icon-xiala- {
            margin-left: 8px;

          }
          input {
            display: flex;
            flex: 1;
            border: 0;
            //border: 1px solid red;
            outline: none;
            background: #e2e2e2;
          }
          .input_wrap {
            height: 40px;
            line-height: 40px;
            padding-left: 20px;
            box-sizing: border-box;
            border-radius: 30px;
            background: #e2e2e2;
            position: relative;
            display: flex;
            .icon-vertical_line {
              color: #fff;
              font-size: 20px;
            }
            .icon-sousuo-copy {
              position: absolute;
              right: 10px;
              color: #fff;
              font-size: 20px;
            }
            .icon-xiala- {
              display: block;
              color: #fff;
              font-size: 16px;
              margin-left: 10px;
            }
            .all {
              height: 40px;
              line-height: 40px;
              color: #fff;
            }
            input {
              background: inherit;
              outline: none;
              border: 0;
            }
          }
        }
        .host_search {
          display: flex;
          margin-top: 10px;
          span {
            display: block;
            color: #fff;
            margin-left: 10px;
          }
        }
      }
    }
    .header_infor {
      width: 100%;
      margin-top: 20px;
      p {
        width: 70%;
        margin: 0 auto;
        color: #fff;
        text-indent: 30px;
      }
    }
  }
  main{
    width: 100%;
    margin: 0 auto;
    .main_list{
      width: 80%;
      margin: 0 auto;
      //列表标题
      .list_type{
        width: 100%;
        margin-top: 10px;
        border-bottom: 1px solid #cccccc;
        .list_type_title{
          .icon-vertical_line{
            font-size: 20px;
            color: #01AAED;
            font-weight: bold;
          }
          span{
            font-size: 20px;
            font-weight: bold;
            color: #01AAED;
            line-height: 40px;

          }
        }
      }
      //人员库分类
      .list_type_talent{
        ul{
          display: flex;
          justify-content: space-around;
          margin-top: 10px;
          li{
            width: 120px;
            text-align: center;
            line-height: 30px;
            padding: 5px;
            font-size: 18px;
            font-weight: bold;
            font-family: 方正兰亭超细黑简体;
            border-radius: 10px;
          }
          @media screen and (max-width: 1120px) {
            li{
              width: 80px;
              text-align: center;
              line-height: 20px;
              padding: 5px;
              font-size: 14px;
              font-weight: bold;
              font-family: 方正兰亭超细黑简体;
              border-radius: 10px;
            }
          }
        }
      }
      //部门筛选
      .comment{
        width: 100%;
        display: flex;
        align-items: center;
        .icon-rrenyuanguanli-{
          color: #01AAED;
        }
        .comment_list{
          display: flex;
          margin-left: 10px;
          .ul{
            display: flex;
            flex-direction: column;
            .funational_type{
              display: flex;
              margin-top: 10px;
              .type_color{
               color: #01AAED;
             }
             .type_chose{
               display: flex;
               margin-left: 10px;
               span{
                 display: inline-block;
                 margin-left: 10px;
               }
             }
             .contray{
               margin-left: 20px;
               span{
                 display: inline-block;
                 margin-left: 10px;
               }
             }
           }
            .conment_type{
              display: flex;
              margin-top: 10px;
              .type_color{
                color: #01AAED;
              }
              .type_chose{
                display: flex;
                margin-left: 10px;
                span{
                  display: inline-block;
                  margin-left: 10px;
                }
                .more{
                  color: #01AAED;
                }
                .icon-xiala-{
                  color: #01AAED;
                }
              }
              .contray{
                margin-left: 20px;
                span{
                  display: inline-block;
                  margin-left: 10px;
                }
              }
            }
          }
        }
      }
      //性别筛选
      .sex_gallary{
        display: flex;
        .sexandgallary{
          display: flex;
          align-items: center;
          margin-top: 10px;
          margin-right: 20px;
          .iconfont{
            color: #01AAED;
            font-size: 22px;
          }
          span{
            display: inline-block;
            margin-left: 10px;
          }
        }
      }
      //年龄筛选
      .age{
        display: flex;
        .age_limit{
          display: flex;
          align-items: center;
          margin-top: 10px;
          margin-right: 20px;
          .iconfont{
            color: #01AAED;
            font-size: 22px;
          }
          .more{
            color: #01AAED;
          }
          span{
            display: inline-block;
            display: flex;
            align-items: center;
            margin-left: 10px;
          }
        }
      }

    }
    .more_chose{
      background: #ccc;
      line-height: 30px;
      text-align: center;
      color: #666;
      .iconfont{
        font-size: 12px;
      }
    }
  }
  .mains{
    width: 100%;
    //height: 500px;
    //background: #f4f4f4;
    //background: red;
    .mains_wrap{
      width: 80%;
      margin: 0 auto;
      .main_title{
        width: 100%;
        line-height: 40px;
        padding: 20px 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        .title_left{
          display: flex;
          align-items: center;
          .contion{
            font-size: 18px;
          }
          ul{
            display: flex;
            li{
              background: #fff;
              border-radius: 10px;
              border: 1px solid #01AAED;
              margin-left: 10px;
              color: #01AAED;
              .inner_color{
                color: #000;
              }
              span{
                display: inline-block;
                margin-left: 5px;
                margin-right: 5px;
              }
            }
          }
        }
        .title_right{
          font-size: 18px;
          span{
            color: #FD482C;
          }
        }
      }
      .mains_content{
        width: 100%;
        display: flex;
        .mains_content_left{
          width: 33%;
          .person_list{
            padding: 20px;
            box-sizing: border-box;
            display: flex;
            border: 1px solid #01AAED;
            margin-bottom: 10px;
            img{
              width: 100px;
              height: 120px;
            }
            .person_infor{
              margin-left: 20px;
              display: flex;
              flex-direction: column;
              justify-content: space-around;
              .person_name{
                font-size: 20px;
              }
              .name_call{
                font-size: 16px;
                margin-left: 10px;
              }
              .person_address{
                span{
                  margin-left: 10px;
                  color: #cccccc;
                }
              }
            }
          }

        }
        .mains_content_right{
          width: 65%;
          margin-left: 2%;
          .right_top{
            width: 100%;
            //height: 150px;
            background: #f4f4f4;
            .per_infor{
              display: flex;
              justify-content: space-between;
              background: #93D1FF;
              line-height: 40px;
             .right_button{
                background: #01AAED;
                color: #fff;
               outline: none;
               border: 1px solid #01AAED;
               border-radius: 20px;
               padding: 2px 5px;
               line-height: 20px;
               margin-left: 10px;
               margin-right: 10px;
              }
              span{
                margin-left: 10px;
              }
              button{
                outline: none;
                border: 1px solid #01AAED;
                background: #fff;
                border-radius: 20px;
                padding: 2px 5px;
                line-height: 20px;
                margin-left: 10px;
              }
            }
            .per_detial{
              p{
                display: flex;
                padding: 10px;
                //margin: 10px;
                line-height: 20px;
                span{
                  width: 33%;
                  color: #666;
                }
              }
            }
          }
          .right_down{
            width: 100%;
            margin-top:10px;
            border: 1px solid #000;
            height: 500px;
            .layui-tab-title{
              li{
                margin-left: 6px;
              }
            }
          }
          .right_bottom{
            width: 100%;
            //height: 120px;
            margin-top: 20px;
            border: 1px solid #000;
            //background: red;
            .offer_user{
              line-height: 40px;
              color: #01AAED;
              display: flex;
              align-items: center;
              border-bottom: 1px solid #ccc;
              .iconfont{
                font-size: 20px;
                font-weight: 600;
              }
              span{
                display: inline-block;
                margin-left: 10px;
                font-size: 22px;
                font-weight: bold;
              }
            }
            .login_list{
              overflow: hidden;
              li{
                width: 22%;
                float: left;
                font-size: 14px;
                font-weight: bold;
                text-align: center;
                //border: 1px solid red;
                margin: 2% 0 2% 2%;
              }
            }
          }
        }

      }
    }
  }
  //底部信息
  footer{
    width: 100%;
    margin: 0  auto;
    .footer{
      .footer_top_wrap{
        width: 100%;
        margin: 0 auto;
        background: #1E9FFF;
        .footer_top{
          width: 80%;
          display: flex;
          justify-content: space-around;
          padding: 20px;
          margin: 0 auto;
          ul{
            list-style: none;
            li{
              line-height: 30px;
              color: #fff;
            }
          }
        }
      }
      .footer_down_wrap{
        width: 100%;
        margin: 0 auto;
        background: #0000FF;
        .footer_down{
          width: 80%;
          display: flex;
          justify-content: space-around;
          align-items: center;
          padding: 20px;
          margin: 0 auto;
          color: #fff;
          .icon-vertical_line{
            font-size: 50px;
            font-weight: 400;
          }
          ul {
            list-style: none;
          }
          .footer_logo{
            img{
              width: 120px;
              height: 60px;
            }
            p{
              color: #fff;
            }
          }
          .footer_eyes{
            img{
              width: 100px;
              height: 80px;
            }
            li{
              display: flex;
              p{
                display: flex;
                flex-direction: column;
                justify-content: center;
                margin-left: 20px;
                span{
                  display: block;
                }
              }
            }
          }
        }

      }
    }
  }

}
